<div class="bg-light lter b-b wrapper-md">
	<h1 class="m-n font-thin h3"> <span class="font-bold" translate="aside.nav.query.feeSummary"></span></h1>
</div>
<div ng-class="isSmart?'':'wrapper-md'" class="remove-wrapper">
	<div class="panel panel-default" style="margin-bottom: 0;">
		<div ng-controller="QueryCostDetailsController" ng-init="init()">
			<form  class="form-horizontal" style="padding-top: 10px;">
				<!--<div class="row">-->
					<div class="col-xs-12 col-sm-2" style="margin-bottom:5px;">
						<label class="control-label" translate="business.accumulation.dateOpe"></label>
					</div>
					<div class="col-xs-12 col-sm-5" ng-controller="DatepickerDemoCtrl" style="margin-bottom:5px;">
						<div class="input-group">
							<span class="input-group-btn" ng-click="open($event)">
								<button class="btn btn-default">
									<i class="glyphicon glyphicon-calendar"></i>
								</button>
							</span>
							<input type="text" class="form-control text-center" style="min-width: 100px"
								   datepicker-popup="yyyy-MM-dd"
								   is-open="opened"
								   current-text="{{'common.today' | translate}}"
								   clear-text="{{'common.clear' | translate}}"
								   close-text="{{'common.close' | translate}}"
								   datepicker-options="dateOptions"
								   ng-required="true"
								   close-text="Close"
								   ng-model="item.startDate"
								   max-date="item.finishDate"
								   disabled
								   autocomplete="off">
						</div>
					</div>
					<div class="col-xs-12 col-sm-5" ng-controller="DatepickerDemoCtrl" style="margin-bottom:5px;">
						<div class="input-group">
							<span class="input-group-btn" ng-click="open($event)">
								<button class="btn btn-default">
									<i class="glyphicon glyphicon-calendar"></i>
								</button>
							</span>
							<input type="text" class="form-control text-center"
								   datepicker-popup="yyyy-MM-dd"
								   is-open="opened"
								   current-text="{{'common.today' | translate}}"
								   clear-text="{{'common.clear' | translate}}"
								   close-text="{{'common.close' | translate}}"
								   datepicker-options="dateOptions"
								   ng-required="true"
								   close-text="Close"
								   ng-model="item.finishDate"
								   min-date="item.startDate"
								   max-date="dt"
								   disabled
								   autocomplete="off">
						</div>
					</div>
					<div class="col-xs-12 col-sm-4" style="margin-bottom:5px;">
						<select class="form-control" ng-model="doctorType">
							<option selected="selected" translate="business.patcase.all"></option>
							<option translate="business.servreq.Regional_name" value="Doctor">Regional</option>
							<option translate="business.servreq.medExpert" value="Specialist">Expert</option>
							<option translate="business.servreq.Operator_name" value="Surgeon">Surgeon</option>
						</select>
					</div>
					<div class="col-xs-12 col-sm-8" style="margin-bottom:5px;">
						<div class="input-group">
							<input type="text" class="form-control" style="padding:6px;" placeholder="{{ (selectLang == 'English') ? 'enter keywords' : '\u8bf7\u8f93\u5165\u5173\u952e\u5b57' }}" ng-model="like" autocomplete="off">
							<span class="input-group-btn">
					<button class="btn btn-success font-bold" type="button" translate="business.navtitle.search_patient" ng-click="query()"></button>
					</span>
						</div>
					</div>
				<!--</div>-->
			</form>
			<!--
            <form  class="form-horizontal">
                <div class="row">
                    <div class="col-md-2" style=" width:100px;">
                        <label class="control-label" translate="business.accumulation.dateOpe"></label>
                    </div>
                    <div class="col-md-3" style="padding-bottom:-30px;" ng-controller="DatepickerDemoCtrl">
                        <input class="form-control text-center" type="text" datepicker-popup="yyyy-MM-dd" is-open="opened"
                            current-text="{{'common.today' | translate}}"
                            clear-text="{{'common.clear' | translate}}"
                            close-text="{{'common.close' | translate}}"
                            datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-model="item.startDate" max-date="item.finishDate"
                            disabled autocomplete="off"/>
                        <button type="button" class="btn btn-default" style="margin-top:-57px;" ng-click="open($event)"><i
        class="glyphicon glyphicon-calendar"></i></button>
                    </div>
                    <div class="col-md-3" ng-controller="DatepickerDemoCtrl">
                        <input class="form-control text-center" type="text" datepicker-popup="yyyy-MM-dd" is-open="opened"
                            current-text="{{'common.today' | translate}}"
                            clear-text="{{'common.clear' | translate}}"
                            close-text="{{'common.close' | translate}}"
                            datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-model="item.finishDate" min-date="item.startDate" max-date="dt"
                            disabled autocomplete="off"/>
                        <button type="button" class="btn btn-default" style="margin-top:-57px; " ng-click="open($event)"><i
        class="glyphicon glyphicon-calendar"></i></button>
                    </div>
                    <div class="col-md-2">
                        <select class="form-control" ng-model="doctorType">
                            <option selected="selected" translate="business.patcase.all"></option>
                            <option translate="business.servreq.Regional_name" value="Doctor">Regional</option>
                            <option translate="business.servreq.medExpert" value="Specialist">Expert</option>
                            <option translate="business.servreq.Operator_name" value="Surgeon">Surgeon</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="{{ (selectLang == 'English') ? 'enter keywords' : '\u8bf7\u8f93\u5165\u5173\u952e\u5b57' }}" ng-model="like" autocomplete="off">
                            <span class="input-group-btn">
                            <button class="btn btn-success font-bold" type="button" translate="business.navtitle.search_patient" ng-click="query()"></button>
                            </span> </div>
                    </div>
                </div>
            </form>
            -->
			<div style="padding: 10px;">
				<table class="table table-bordered" style="background:#FFF; margin-top:5px;" >
					<tbody ng-repeat="doctFee in doctFees">
					<tr >
						<td colspan="8"  style="border:none"><span style="font-weight:bold; font-size:30px;">{{doctFee.user.realName}}</span>
							<span translate="business.servreq.Regional_name" ng-if="!doctFee.user.isSpecialist && !doctFee.user.isSurgeon"></span>
							<span translate="business.servreq.medExpert" ng-if="doctFee.user.isSpecialist"></span>
							<span translate="business.servreq.Operator_name" ng-if="doctFee.user.isSurgeon"></span>
							<br><span style="font-weight:bold">{{'user.mobilephone'|translate}}:{{doctFee.user.mobile_Phone}},
				{{'user.address'|translate}}:{{doctFee.user.location_Address}}
				</span></td>
						<td class="text-center" style="padding-top:25px;border:none"><span style="font-weight:bold; font-size:18px;">{{moment(doctFee.startDate).format("YYYY-MM-DD")}}</span>
							-- <span style="font-weight:bold;font-size:18px;">{{moment(doctFee.finishDate).format("YYYY-MM-DD")}}</span></td>
					</tr>
					<tr class="panel-heading" style="font-weight:bold">
						<td translate="common.number" class="text-center">No.</td>
						<td translate="common.name" class="text-center">Username</td>
						<td translate="business.patcase.disease_type" class="text-center">Real Name</td>
						<td translate="business.accumulation.dateOpe" class="text-center"></td>
						<td translate="business.hosp.OpeCent" class="text-center"></td>
						<td translate="business.servreq.amount_Regional" class="text-center"></td>
						<td translate="business.servreq.amount_Expert" class="text-center"></td>
						<td translate="business.servreq.amount_Operator" class="text-center"></td>
						<td translate="common.summary" class="text-center"></td>
					</tr>
					<tr ng-repeat="servReqFee in doctFee.servReqFees">
						<td class="text-center">{{$index+1}}</td>
						<td class="text-center">{{servReqFee.servReq._patCase._patient._user.realName}}</td>
						<td class="text-center">{{'business.patcase.disease_type_' + servReqFee.servReq._diseaseType.desc | translate}}</td>
						<td class="text-center">{{moment(servReqFee.servReq._opeCenTime.date_Operation).format("YYYY-MM-DD")}}</td>
						<td class="text-center">{{servReqFee.servReq._opeCenTime._hosp.hosp_Cn_Name}}</td>
						<td class="text-center">{{servReqFee.amount_Regional}}</td>
						<td class="text-center">{{servReqFee.amount_Expert}}</td>
						<td class="text-center">{{servReqFee.amount_Operator}}</td>
						<td class="text-center">{{servReqFee.amount_Total}}</td>
					</tr>
					<tr>
						<td translate="common.amountsummary" colspan="5" class="text-center"></td>
						<td class="text-center">{{doctFee.amount_Regional}}</td>
						<td class="text-center">{{doctFee.amount_Expert}}</td>
						<td class="text-center">{{doctFee.amount_Operator}}</td>
						<td class="text-center">{{doctFee.amount_Total}}</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
